<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text">
    <script>
        // 1. 按下的是哪个键

        //  key   字符串  "a"
        //  keyCode  数字  65 (a)

        // 2. 判断是否按下的是组合键 
        // 按下任意键 事件对象都有四个属性
        // ctrlKey  如果点的不是ctrl键  false
        // altKey   如果点的不是alt键  false
        // shiftKey 如果点的不是shift键 false
        // metaKey 如果点的不是windows键 false

        // 如果点了 就是true 



        //----------
        var inp = document.querySelector('input');
        inp.onkeydown = function(e){
            e = e || window.event;
            console.log(e);
            // if(e.key === 'a'){
            //     alert('你按下了a键')
            // // }
            // if(e.keyCode === 65){
            //     alert('你按下了a键')
            // }
            // a 65  回车 13 
            // if(e.keyCode === 13){
            //     alert('你按下了回车键')
            // }

            // ctrl+shift+a

            if(e.keyCode === 65 && e.shiftKey && e.ctrlKey){
                console.log('您按下了ctrl+shift+a');
            }
        }
    </script>
</body>
</html>